<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查看订单详情页</title>
<link rel="stylesheet" type="text/css" href="css/order/OrderCheck.css">
<script src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function(){
	//为支付订单按钮添加点击事件
	$("#printPage").click(function(){
		location.href = "/fuhe/payfifth";
	});
	//为订单中心按钮添加点击事件
	$("#monitor_fifth_detail").click(function(){
		location.href = "/fuhe/pmain";
	});
	
	//为取消订单按钮添加点击事件
	$("#orderCancel").click(function(){
		//获得手机号和取车时间
		var phone = $("[shouji]").attr("shouji");
		var getcartime = $("[getcartime]").attr("getcartime");
		getcartime = getcartime.substring(0,10);
		alert(getcartime);
		//发送验证码
		$.post("https://api.mysubmail.com/message/xsend.json", {
			vars : {
				"getcartime" : getcartime
			},
			appid : "17126",
			to : phone,
			project : "rxooF3",
			signature : "1c8cf1a0ae5184fb744e237d62fc5ef9"
		}, function(data) {
			alert(data.status);
		}, "json");
		alert("39行！")
		location.href = "/fuhe/cancel";
	});
	
	//为修改订单按钮添加点击事件
	$("#orderModifyDiv").click(function(){
		
	});
	
})
</script>
</head>
<body>
<jsp:include page="../public/header.jsp"></jsp:include>
<div class="printBody">
     <!--startprint-->
     <div class="printdiv">
     <div class="Wbanner980">
        <!--top start-->
<div class="orDeTop">
    
</div>      <!--top end-->
<!--预订成功 start-->
    <!--普通订单（无需支付）或已支付成功-->
    <div class="greenbgbd sz_succeedB yellow">
        <div class="succeedinfo p10_0 sz_greenbbb bhgray">
            <span class="sz_suc_font">
                预订成功
            </span>
<span class="f14">&nbsp;订单总价:</span>
<span class="sz_priceOrange">
        <em class="rmb">¥</em>
        <em class="num">${oi.amount}</em>
</span>
<span class="orderinfo_invoice ora_s" id="invoice-btn" style="display: inline;">开发票</span>
</div>
    <div class="f14 p10_0">
        <span>订单号：${oi.order_num }</span>
        <a>|</a>
        <span>租车人:${oi.address_name }</span>
                <a>|</a>
                <span>取车时需要刷取预授权:</span>
                <span class="carPrice sz_priceOrangeSmall">
                    <em class="rmb" style="font:15px/15px &#39;微软雅黑&#39;;">¥</em>
                    <em class="num" style="font:15px/15px arial;">&nbsp;3000</em>
                </span>
    </div>       
</div>
<!--预订成功 end-->
<br><div class="selfwrap">
    <div class="title">取车待办事项流程</div>
        <ul class="three_step">
                    <li class="step_conduct">
                    <em>1</em>
                    <strong>驾照认证</strong>
                    <span></span>
                    <p class="tips_des">请在取车前完成驾照认证，否则订单无法取车</p>
                </li>
                    <li>
                    <em>2</em>
                    <strong>支付押金</strong>
                    <span></span>
                    
                </li>
                    <li>
                    <em>3</em>
                    <strong>取车验车</strong>
                    <span></span>
                    
                </li>
        </ul>
</div>
        <div class="order_s_info index_bdb2 orDeBoxRight m20_0" style="background:#fff;">
            <!--基本信息 start-->
            <h3>基本信息</h3>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="f14">
                <tbody><tr>
                    <td width="10">&nbsp;</td>
                    <td colspan="3" rowspan="3" align="center" valign="middle" class="borderBlueB borderBlueR pre" height="99">
                        <img src="${oi.img }" width="138" height="80">
                        <span class="config-btn">配置信息</span>
                    </td>
                    <td width="240" align="center" class="borderBlueR borderBlueBda" rowspan="2"><strong>取车时间</strong>：${oi.get_car }</td>
                    <td width="78" align="right" class="borderBlueBda " rowspan="2"><strong>取车门店</strong>：</td>
                    <td rowspan="2" height="66" class="borderBlueBda" width="260">
                            &nbsp;${oi.get_store }&nbsp;详细地址:${oi.get_address }
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="borderBlueB">&nbsp;</td>
                    <td rowspan="2" align="center" valign="middle" class="borderBlueR borderBlueB" height="66"><strong>还车时间</strong>：${oi.return_car }</td>
                    <td rowspan="2" align="right" class="borderBlueB"><strong>还车门店</strong></td>
                    <td rowspan="2" align="left" valign="middle" class="borderBlueB">
                          &nbsp;${oi.return_store }&nbsp;详细地址:${oi.back_address }
                    </td>
                </tr>
                <tr class="f16 borderBlueB" style="font-family:&#39;微软雅黑&#39;;">
                    <td>&nbsp;</td>
                    <td height="33" align="center" valign="middle" class="borderBlueR">${oi.car_name }</td>
                    <td align="center" valign="middle" class="borderBlueR">${oi.car_series }</td>
                    <td align="center" valign="middle" class="borderBlueR">乘坐5人</td>
                </tr>
            </tbody></table>
<!--费用明细 start-->
<h3 class="pink">费用明细</h3>
<div class="orderFeeDetails">
                        <div class="feeItem borderBlueBda">
                        <div class="feePrice">
                            <span class="sz_OrderpOrangeM">
                                <em class="rmb">¥</em>
                                <em class="num">${oi.rent }</em>
                            </span>
                        </div>
                            
                        <span class="feeName">车辆租赁费:</span>
                    </div>
                    <div class="feeItem borderBlueBda">
                        <div class="feePrice">
                            <span class="sz_OrderpOrangeM">
                                <em class="rmb">¥</em>
                                <em class="num">${oi.service }</em>
                            </span>
                        </div>
                            
                        <span class="feeName">门店服务费</span>
                    </div>
               

                
                   

        
        
            <div class="feeItem borderBlueBda selectabletotal onsttthree" style="overflow:inherit;cursor:pointer">                  
                <div class="feePrice">
                    <span class="sz_OrderpOrangeM">
                        <em class="rmb">¥</em>
                        <em class="num">${oi.insurance }</em>
                    </span>
                </div>
                <div class="calculate">
                   
                </div>
                <span class="feeName">车辆保险费
                </span>
            </div>
            <div class="feeline50 discount borderBlueBda sttwrapthree">
                <div class="feePrice">
                    <span class="sz_OrderpOrangeM">
                        <em class="rmb"></em>
                        <em class="rmb">¥</em>
                        <em class="num">${oi.amount }</em>
                    </span>
                </div>
                    <span class="feeName bold">需支付</span>
            </div>

</div>
<!--费用明细 end-->
<!--费用总计 start-->
<div class="orderFeeTotal">
    <div class="total02">
        <span class="yjtotal">订单总价：</span>
        <span class="sz_OrderpOrangeB">
            <em class="rmb">¥</em>
            <em class="num">${oi.amount }</em>
        </span>
    </div>
</div>
<!--费用总计 end-->     </div>
        <div class="ac">
            <div class="sz_dd_kjt d_none">
                <div class="yellow_box">
                    <div class="yellow_sj"></div>
                    
                </div>
            </div>
            <!--  -->
            <!-- 线下转线上 新加两个按钮end -->
            	<input type="hidden" shouji="${shouji }">
            	<input type="hidden" getcartime="${getcartime }">
                <input id="orderCancel" type="button"  value="取消订单" class="btn_graywauto gray f16">&nbsp;&nbsp;
            <!-- 修改订单开始 只有官网有修改订单按钮-->
                <div id="orderModifyDiv" class="top_new_tip_btn">
                    <input id="orderModify" type="hidden" value="修改订单" class="btn_graywauto gray f16">
                </div>&nbsp;&nbsp;
            <!-- 修改订单结束 -->
                <input id="monitor_fifth_detail" type="button" onclick="gotoOrderCenter()" value="订单中心" class="btn_graywauto gray f16">&nbsp;&nbsp;
                <input id="printPage" type="button" value="支付订单" onclick="printpage();" class="btn_graywauto gray f16">&nbsp;&nbsp;
                <!--  -->
                    </div>
                    
             <div class="index_bdb2 m20_0 p20 bg_white">
    <p class="f16 pb10">如何取车</p>
    <p class="f12 gray line_h24">1.取车时,出示以下证件的原件：本人二代身份证、本人国内有效驾驶证正副本、本人一张信用及可用额度均不低于3000元的国内有效信用卡，所有证件有效期须至少超过当次租期的一个月以上。</p>
    <p class="f12 gray line_h24">2.请您准时取车，超时取车，起租时间按预订取车时间起算。</p>
</div>
<div class="index_bdb2 m20_0 p20 bg_white">
    <p class="f16 pb10">退改规则</p>
    &nbsp;<font class="gray">（小贴士：如果您修改订单或取消订单重新预订，价格可能会发生变化。）</font><br>
    <br><br>
</div>
     </div>
     </div>
     <!-- 取消开始 -->
     <div id="dialogSE" class="orderDialog popup_block d_none" mask-data="#?w=540">
        <h3 class="f14 bold ac gray">取消订单</h3>
        <div class="p20_0">
            <span style="padding-left:30px;" class="cancelMsg d_none"><font color="red"></font></span>
            <ul>
                <li class="pb2 gray_666 pt10 " style="padding-left:30px">
                    <strong>订单号：${oi.order_num }可以取消</strong><br>
                    取消订单的原因：
                </li>
                <li class="pt10 ac">
                    <table width="400" align="center">
                        <tbody><tr>
                            <td height="26" class="al pl20" nowrap=""><div name="__monitorCancel1"><input type="radio" value="3" name="cancelReason" id="monitor_cancel1" onclick=""> 行程发生变更</div></td>
                            <td class="al pl20" nowrap=""><div name="__monitorCancel2"><input onclick="" id="monitor_cancel2" type="radio" name="cancelReason" value="7"> 不满意价格</div></td>
                            <td class="al pl20" nowrap=""><div name="__monitorCancel3"><input onclick="" id="monitor_cancel3" type="radio" name="cancelReason" value="23"> 选择其他租车公司</div></td>
                        </tr>
                        <tr>
                            <td height="26" class="al pl20" nowrap=""><div name="__monitorCancel4"><input onclick="" id="monitor_cancel4" type="radio" name="cancelReason" value="24"> 其它出行替代</div></td>
                            <td class="al pl20" nowrap=""><div name="__monitorCancel5"><input onclick="" id="monitor_cancel5" type="radio" name="cancelReason" value="9"> 天气原因</div></td>
                            <td class="al pl20" nowrap=""><div name="__monitorCancel6"><input onclick="" id="monitor_cancel6" type="radio" name="cancelReason" value="10"> 其它</div></td>
                        </tr>
                    </tbody></table>
                </li>
                <li class="ac pt15">
                    <br>
                    <input type="button" value="取消并提交原因" data-id="25520736" data-mobile="15674137579" id="cancelOrder" class="btn_orgwauto white f14">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="button" value="不取消订单" id="closeBg_Button" class="btn_orgwauto white f14">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </li>
            </ul>
        </div>
     </div>
      <input type="hidden" id="stateName" name="stateName" value="预订成功">
</body>
</html>